<template>
  <div class="home" style="height:calc(100vh - 64px)">
    <VideoDetail style="margin:30px 10px 0px 10px"/>
  </div>
</template>

<script>
import VideoDetail from "@/components/videoDetail"

export default {
  components:{
    VideoDetail
  },
  data() {
    return {
      isShowDetail:true,
    }
  },
  methods:{
    showDetail(data){
      this.isShowDetail = true
    },
  }
};
</script>

<style lang="less">
@table-background-color: #0a4271;
.vid {
  // background-color: yellowgreen;
  background: url(../../assets/default_poster.png) no-repeat center;
  background-size: 150% ;
  height: 40vh;
  width: 100%;
}
.video-card .ivu-card-head {
  padding: 4px 10px;
  border-bottom: 1px solid #13a4c2;
  background-color: #13a4c2 !important;
  height: 60px;
}
.video-card .ivu-card-head p {
  font-size: 2.6rem;
  height: 50px;
  line-height: 50px;
  color: #fff;
  text-align: left;
}
.video-card .ivu-card-body {
  padding: 0px;
}
</style>